<template>
  <SiderTrigger v-if="sider" />
  <HeaderTrigger v-else :theme="theme" />
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
import { propTypes } from '@/utils/propTypes';
import HeaderTrigger from './HeaderTrigger.vue';

export default defineComponent({
  name: 'LayoutTrigger',
  components: {
    SiderTrigger: createAsyncComponent(() => import('./SiderTrigger.vue')),
    HeaderTrigger: HeaderTrigger,
  },
  props: {
    sider: propTypes.bool.def(true),
    theme: propTypes.oneOf(['light', 'dark']),
  },
});
</script>
